<template>
    <div>
        <a-modal
            v-model:visible="visible"
            :title="isView?'申请报销单':'查看报销单'"
            @cancel="visible = false"
            width="100%"
            :footer="null"
            class="reimbursementModel-handle-modal"
        >
            <reimbursement ref="reimbursementRef" />
        </a-modal>
    </div>
</template>
<script>
import reimbursement from '../../internalControl/newApplyFor/reimbursement/index.vue'
export default {
    components:{
        reimbursement
    },
    props:{

    },
    data(){
        return{
            visible:false,
            isView:false,
        }
    },
    watch:{

    },
    mounted(){

    },
    methods:{
        getData(row){
            this.isView = row.view
            let that = this
                this.$nextTick(()=>{
                    setTimeout(() => {
                        that.$refs.reimbursementRef.getData(row)
                        // that.$refs.reimbursementRef.visible = true
                    }, 200);
                })

        }
    }
}
</script>
<style lang="less">
.reimbursementModel-handle-modal{
    .ant-steps-item-title{
        font-weight: 600 !important;
        font-size: 18px;
    }
    .ant-modal {
        max-width: 100%;
        top: 0;
        padding-bottom: 0;
        margin: 0;
    }
    .ant-modal-content {
        display: flex;
        flex-direction: column;
        height: calc(100vh);
        background-color: #fff;
    }
    .ant-modal-body {
        flex: 1;
        padding: 12px;
        position: relative;
        background-color: #fff;
        height: calc(100vh - 50px);
    }
}
</style>
